﻿.button_ {
    display: inline-block; /* dàn hàng ngang cho button */
    outline: none; /* bỏ hiệu ứng chấm chấm xung quanh khi click vào button */
    cursor: pointer; /* kiểu con trỏ */
    text-align: center; /* căn giữa text trên button */
    text-decoration: none; /* Bỏ gạch dưới của text trên button */
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .2em 1em .2em 1em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3); /* tạo bóng cho text trên button */
    -webkit-border-radius: .5em; /* bo góc tròn cho button -webkit là cho các trình duyệt như Chrom, Safari,Opere */
    -moz-border-radius: .5em; /* bo góc, với trình duyệt FF */
    border-radius: .2em; /* cho IE */
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* tạo bóng cho button */
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .button_:hover {
        text-decoration: none;
    }

    .button_:active {
        position: relative;
        top: 1px;
    }

.orange {
    color: #fef4e9; /* màu của text trên button */
    border: solid 1px #da7c0c;
    background: #f78d1d; /* màu nền chính */
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); /* Tạo Gradient: from(#faa51a) là màu ở phía trên của button, to(#f47a20)  màu phía dưới của button --> các trình duyệt thuộc webkit ( Chrom, Opera, Safari)*/
    background: -moz-linear-gradient(top, #faa51a, #f47a20); /* trên FF */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); /* Trên IE */
}

    .orange:hover {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }

    .orange:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }

.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

    .blue:hover {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top, #0095cc, #00678e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
    }

    .blue:active {
        color: #80bed6;
        background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
        background: -moz-linear-gradient(top, #0078a5, #00adee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
    }